// Image() 构造函数用于创建一个新的 HTMLImageElement 实例。它的功能等价于 document.createElement('img')。


/*
我们使⽤ new Image() 来创建⼀个新的Image对象，并设置其 onload 和 onerror 事件处理器。当图⽚加载成功时， onload 事件处理器会被调⽤，我们使⽤ resolve ⽅法将图⽚对象传递给Promise的链式调⽤。如果图⽚加载失败， onerror 事件处理器会被调⽤，我们使⽤ reject ⽅法将错误对象传递给Promise的链式调⽤。
*/ 
function loadImg(url) {
  return new Promise((resolve, reject) => {
    let img = new Image();
    img.onload = () => {
      resolve(img);
    }
    img.onerror = (error) => {
      reject(error);
    }
    img.src = url;
  })
}

// 使用方式
loadImg('https://example.com/path/to/image.jpg>').then(img => {
  document.appendChild(img)
  console.log('图片加载成功');
}).catch(error => {
  console.log('图片加载失败', error);
})